<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>users Chatbot</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <!-- PC端的页面框架 
      bootstrap Layout 行列式布局
      列的布局，总共12个单位，
      col-md--->
    <div class="container">   
           
        <div class="row col-md-6 col-md-offset-3 " style="background: #ccc; height: 100px;">
                <table class="table table-striped" id="user_table">
                    <!-- 表头 -->
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>姓名</th>
                            <th>家乡</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
        </div>       
    </div>
    <script>
        const oBody = document.querySelector('#user_table');
        // 前后端通信
        // js fetch  主动向后端发送请求
        fetch ()
    </script>
</body>
</html>